{% extends "layout.html" %}
{% block content %}
  <div class="span8">
  <div class = "row">
    <h2><i class = "icon-search"></i>Zoeken</h2>
	<form>
	  <div class="control-group">
        <div class="controls">
          <div class="input-prepend">
            <span class="add-on">
			  <i class="icon-tags"></i>
			</span>
            <input class="input-medium" id="inputIcon" type="text">
          </div>
        </div>
      </div>
	</form>
    <div class="container">
	<div class = "span12">
      <div class="btn-group pull-left">
        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
          <i class="icon-question-sign"></i>
          optie 1
          <span class="caret"></span>
        </a>
        <ul class="dropdown-menu">
          <li><a href="#">1</a></li>
          <li class="divider"></li>
          <li><a href="#">2</a></li>
        </ul>
      </div>
      <div class="btn-group pull-left">
        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
          <i class="icon-question-sign"></i>
          optie 2
          <span class="caret"></span>
        </a>
        <ul class="dropdown-menu">
          <li><a href="#">3</a></li>
          <li class="divider"></li>
          <li><a href="#">4</a></li>
        </ul>
      </div>
      <div class="btn-group pull-left">
        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
          <i class="icon-question-sign"></i>
          optie 3
          <span class="caret"></span>
        </a>
        <ul class="dropdown-menu">
          <li><a href="#">5</a></li>
          <li class="divider"></li>
          <li><a href="#">6</a></li>
        </ul>
      </div>
	<div class = "btn-group pull-left"><input type = "submit" name = "submit" value = "Zoek &raquo" class = "btn btn-inverse"/></div>
    </div>
	</div>
  </div>
</div><!--/span-->
{% endblock content %}